<!-- <template>
	<view>
		<div class="fxbj">
			<div class="xjsy">
				<div class="rwmbox" style="padding-top:50rpx;">

					<div class="zsfx" >

						<div >
							<image mode="scaleToFill" class="uni-img-tag" :src="info.dicValue"></image>
						</div>

					</div>
				</div>
			</div>
		</div>
		</div>
	</view>
</template> -->

<template>
  <view class="detailsBox">
    <product/>
    <view class="detailsCon">
      <view class="title" v-html="info.dicNotes"></view>
      <!-- <view class="content" v-html="info.dicValue">info.dicValue</view> -->
      <!-- <rich-text :nodes="info.dicValue"></rich-text> -->
      <view v-html="info.dicValue"></view>
    </view>

  </view>
</template>



<script>
import user from "@/common/user.js"
import http from "@/common/http.js"
import {mapGetters} from "vuex"
import {getMallDetails} from '@/api/index.js'
export default {
  data() {
    return {
      info: {},
    }
  },
  // 在test.vue页面接受参数
  onLoad: function (option) {
    console.log(option)
    // const item = JSON.parse(decodeURIComponent(option.item));
    http.request({
      url: '/api/v1/getSysDic',
      data: {
        key: option.userRank
      },
      success: ret => {
        this.info  = ret[0] ;
        console.log(this.info);
      },
      fail: ret => {
        uni.showToast({
          icon: "error",
          title: '获取配置信息失败'
        })
      }
    })

  },

  // onLoad() {

  // },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.detailsBox{
  box-sizing: border-box;
  padding: 20rpx;
  font-size: 28rpx;

  .detailsCon{
    box-sizing: border-box;
    margin: 20rpx 0 0 0;
    width: 100%;
    border-radius: 20rpx;
    background: #fff;
    overflow: hidden;
    padding: 20rpx;
    .title{
      font-weight: bold;
      font-size: 34rpx;
      text-align: center;
      padding: 20rpx 0 40rpx 0;
    }
    .content{
      line-height: 50rpx;
      font-size: 28rpx;
    }
  }
  .bottomBtn{
    display: flex;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110rpx;
    background-color: #fff;
    box-shadow: 0 0 10rpx #ddd;
    padding: 0 20rpx;
    .info{
      display: flex;
      flex-flow: column;
      justify-content: center;
      flex: 1;
      font-weight: bold;
      font-size: 30rpx;
      .buz{
        display: block;
        color: #ca0000;
        font-size: 26rpx;
        padding: 10rpx 0 0 0;
      }
    }
    .btn{
      width: 200rpx;
      height: 80rpx;
      line-height: 80rpx;
      background-color: #238de8;
      border-radius: 40rpx;
      text-align: center;
      font-size: 32rpx;
      color: #fff;
      margin: 15rpx 0 0 0;
    }
  }
}
</style>
